html {
    height: 100%;
}

body {
	font-size: 63%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body, input, textarea {
  font-family: arial, sans-serif;
}

label, input { 
	display:block; 
}

input.text { margin-bottom:12px; width:95%; padding: .4em; }

#map {
  width: 600px;
  height: 500px;
}

#styles, #add-tab {
  float: left;
  margin-top: 10px;
  width: 400px;
}

#styles label,
#add-tab label {
  display: inline-block;
  width: 130px;
}

.phoney {
  background: -moz-linear-gradient(center top,rgb(112,112,112) 0%,rgb(94,94,94) 51%,rgb(57,57,57) 52%);
}

.phoneytext {
  text-shadow: 0 -1px 0 #000;
  color: #fff;
  font-family: Helvetica Neue, Helvetica, arial;
  font-size: 18px;
  line-height: 25px;
  padding: 4px 45px 4px 15px;
  font-weight: bold;
  background: url(../images/arrow.png) 95% 50% no-repeat;
}

.phoneytab {
  text-shadow: 0 -1px 0 #000;
  color: #fff;
  font-family: Helvetica Neue, Helvetica, arial;
  font-size: 18px;
  background: rgb(112,112,112) !important;
}

.ws_clear_container {
	text-align: center;
}

.export_container {
	text-align: center;
}

#join_button {
    width: 271%;
    font-size: small;
}

#kml-options {
	font-size: x-small;
	width: 100%;
	text-align: center;
}

#export-xml {
	text-align: center;
}

#export-xml-button {
	width: 100%;
	font-size: x-small;
}

#login_button {
    width: 100%;
    font-size: x-small;
}

#logout_button{
	margin-left: 55%;
	font-size: x-small;
}

#find-button {
	font-size: x-small;
}

#search-results {
	font-weight: bold;
    text-decoration: underline;
    color: #3B5998;
    font-size: 115%;
}

a {
	text-decoration: none;
}

#ws-location-search {
    font-size: small;
    width: 100%;
}


#ws-keywords-search {
    font-size: small;
    width: 100%;
}

#ws-keywords-loading {
	font-size: medium;
    width: 100%;
    text-align: center;
}

#ws-location-loading {
	font-size: medium;
    width: 100%;
    text-align: center;
}

#create-msg {
    font-size: small;
    width: 100%;
}
#create-event {
    font-size: small;
    width: 100%;
}

#topbar {
    background-color: #3B5998;
    border-bottom: 1px solid #133783;
    min-width: 981px;
    position: relative;
    z-index: 300;
}
.lfloat {
    float: left;
}
.rfloat {
    float: right;
}

.topbar_login_container table tr {
    vertical-align: top;
}
.topbar_login_container table tr td {
    padding: 0 0 0 14px;
}
.topbar_login_container .details {
    padding-bottom: 4px;
}
.topbar_login_container .inputtext, .topbar_login_container .inputpassword {
    border-color: #1D2A5B;
    margin: 0;
    width: 142px;
}

.topbar_login_container .details label {
    color: #FFFFFF;
    font-weight: normal;
    padding-left: 1px;
}
.topbar_login_container #user {
    direction: ltr;
}

.loggedout_topbar_container {
    background-color: #3B5998;
    height: 82px;
    min-width: 980px;
}
.loggedout_topbar {
    margin: 0 auto;
    padding-top: 13px;
    width: 980px;
}


.loggedout_join_container {
	background: -moz-linear-gradient(center top , white, #D3D8E8) repeat scroll 0 0 transparent;
	background-color: #3B5998;
    height: 380px;
    min-width: 980px;
    margin: 0 auto;
    padding-top: 35px;
    width: 1140px;
}

.joinus {
	color: #3B5998;
	font-weight: bold;
	padding-left: 7px;
	font-size: medium;
}

.loggedout_page_footer {
	color:#A7A7A7;
	text-align: center;
	height: 380px;
    min-width: 980px;
    margin: 0 auto;
    padding-top: 35px;
    width: 980px;
}

#join_form { 
	width: 580px; 
}

#join_form .error {
	border-style:dotted;
	border-color:red;
}

#join_form label.error {
	color: red;
	font-size: 10px;
	margin-left: 10px;
	width: auto;
	display: inline;
	border-width: 0px;
}

.logged_topbar_container {
    background-color: #3B5998;
    height: 50px;
    min-width: 980px;
}
.logged_topbar {
    margin: 0 auto;
    padding-top: 13px;
    width: 980px;
}

.topbar_search_container {
	z-index: 100; 
	position: relative;
	padding-left: 415px;
	padding-top: 6px;
}

.logout_container {
	z-index: 100; 
	position: relative;
	padding-left: 415px;
	padding-top: 0px;
}

.logged_page_footer {
	color:#A7A7A7;
	text-align: center;
	height: 380px;
    min-width: 980px;
    margin: 0 auto;
    padding-top: 35px;
    width: 980px;
}

#map_canvas {
	height: 100%
}

#welcome {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 3px;
}
#account-settings {
	font-size: 15px;
	color:#3B5998;
	text-align: center;
}
#view-settings {
	font-size: 15px;
	color:#3B5998;
	text-align: center;
}
.show_past_events_container {
	text-align: center;
}
.account_settings_container {
	text-align: center;
}
.since_date_container {
	text-align: center;
}
.show_users_container {
	text-align: center;
}
.con_content {
	float: left;
}

.ui-timepicker-div .ui-widget-header { 
	margin-bottom: 8px; 
}
.ui-timepicker-div dl { 
	text-align: left;
}

.ui-timepicker-div dl dt { 
	height: 25px; 
	margin-bottom: -25px;
}

.ui-timepicker-div dl dd { 
	margin: 0 10px 10px 65px;
}

.ui-timepicker-div td { 
	font-size: 90%;
}

.ui-tpicker-grid-label { 
	background: none; 
	border: none; 
	margin: 0; 
	padding: 0;
}

input.text { 
	margin-bottom:12px; 
	width:95%; 
	padding: .4em; 
}

fieldset { 
	padding:0; 
	border:0; 
	margin-top:25px; 
}

h1 { 
	font-size: 1.2em; 
	margin: .6em 0; 
}

div#users-contain { 
	width: 350px; 
	margin: 20px 0; 
}

div#users-contain table { 
	margin: 1em 0; 
	border-collapse: collapse; 
	width: 100%;
}

div#users-contain table td, div#users-contain table th { 
	border: 1px solid #eee; 
	padding: .6em 10px; 
	text-align: left;
}

.ui-dialog .ui-state-error { 
	padding: .3em;
}

.validateTips { 
	border: 1px solid transparent;
padding: 0.3em;
}